<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <title>权限管理系统</title>
  <meta th:include="~{layout/head_xadmin :: content}">
  <script>
    // 是否开启刷新记忆tab功能
    // var is_remember = false;
  </script>
</head>
<body class="index">
<!-- 顶部开始 -->
<div class="container">
  <div class="logo">
    <a href="/admin">权限管理系统 v1.0.1</a></div>
  <div class="left_open">
    <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
  </div>
  <ul class="layui-nav left fast-add" lay-filter="">
    <li class="layui-nav-item">
      <a href="javascript:;">+新增</a>
      <dl class="layui-nav-child">
        <!-- 二级菜单 -->
        <dd>
          <a onclick="xadmin.open('最大化','http://www.baidu.com','','',true)">
            <i class="iconfont">&#xe6a2;</i>弹出最大化</a></dd>
        <dd>
          <a onclick="xadmin.open('弹出自动宽高','http://www.baidu.com')">
            <i class="iconfont">&#xe6a8;</i>弹出自动宽高</a></dd>
        <dd>
          <a onclick="xadmin.open('弹出指定宽高','http://www.baidu.com',500,300)">
            <i class="iconfont">&#xe6a8;</i>弹出指定宽高</a></dd>
        <dd>
          <a onclick="xadmin.add_tab('在tab打开','member-list.html')">
            <i class="iconfont">&#xe6b8;</i>在tab打开</a></dd>
        <dd>
          <a onclick="xadmin.add_tab('在tab打开刷新','member-del.html',true)">
            <i class="iconfont">&#xe6b8;</i>在tab打开刷新</a></dd>
      </dl>
    </li>
  </ul>
  <ul class="layui-nav right" lay-filter="">
    <li class="layui-nav-item">
      <a href="javascript:;" sec:authentication="principal.nickname"></a>
      <dl class="layui-nav-child">
        <!-- 二级菜单 -->
        <dd>
          <a onclick="xadmin.open('个人信息','http://www.baidu.com')">个人信息</a></dd>
        <dd>
          <a href="/login">切换帐号</a></dd>
        <dd>
          <a href="/login">退出</a></dd>
      </dl>
    </li>
    <li class="layui-nav-item to-index">
      <a href="/">前台首页</a></li>
  </ul>
</div>
<!-- 顶部结束 -->
<!-- 中部开始 -->
<!-- 左侧菜单开始 -->
<div class="left-nav">
  <div id="side-nav">
    <ul id="nav">

    </ul>
  </div>
</div>
<script>
  function treeToHtml(tree) {
    var html = ''
    for (let i = 0, len = tree.length; i < len; i++) {
      if (tree[i].children.length > 0) {
        html += '<li id="one"><a href="javascript:;">' +
            '<i class="layui-icon" lay-tips="' + tree[i].name + '">' + tree[i].icon + '</i>' +
            '<cite>' + tree[i].name + '</cite>' +
            '<i class="iconfont nav_right">&#xe697;</i></a>' +
            '<ul class="sub-menu">' + treeToHtml(tree[i].children, tree[i].pid) + '</ul></li>'
      } else {
        html += '<li><a onclick="xadmin.add_tab(\'' + tree[i].name + '\',\'' + tree[i].href + '\')">' +
            '<i class="layui-icon">' + tree[i].icon + '</i><cite>' + tree[i].name + '</cite></a></li>'
      }
    }
    return html
  }

  function listToTree(list, pid) {
    return list.filter(item => {
      if (item.pid === pid) {
        item.children = listToTree(list, item.id)
        return true
      }
      return false
    })
  }

  //初始化菜单
  layui.use(['jquery', 'layer'], function () {
    var $ = layui.jquery;
    var layer = layui.layer;
    $.ajax({
      url: '/menu/get',
      success(data) {
        $('#nav').html(treeToHtml(listToTree(data.data, 0)))
        window.setTimeout(function () {
          $('#one').click()
        }, 600)
      }
    })
  })


</script>
<!-- 左侧菜单结束 -->
<!-- 右侧主体开始 -->
<div class="page-content">
  <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
    <ul class="layui-tab-title">
      <li class="home">
        <i class="layui-icon">&#xe68e;</i>我的桌面
      </li>
    </ul>
    <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
      <dl>
        <dd data-type="this">关闭当前</dd>
        <dd data-type="other">关闭其它</dd>
        <dd data-type="all">关闭全部</dd>
      </dl>
    </div>
    <div class="layui-tab-content">
      <div class="layui-tab-item layui-show">
        <iframe src='/admin/welcome' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
      </div>
    </div>
    <div id="tab_show"></div>
  </div>
</div>
<div class="page-content-bg"></div>
<style id="theme_style"></style>
</body>
</html>
